/* CSS Document */
* {margin: 0px;padding: 0px;box-sizing: border-box;font: 1em sans-serif;}
li { list-style-type: none;}
.clearfix {clear: both;}
.header_bg { background-color: #fff; width: 100%;height: 65px; position: fixed; top: 0; left: 50%; box-shadow: 0px 2px 3.96px 0.04px rgba(51, 51, 51, 0.1); z-index: 1000; transform: translateX(-50%); margin: 0 auto;}
.header {max-width: 1200px;margin: 0 auto; position: relative;height: 65px;}

.header img { float: left; padding-top: 17px;z-index: 1001;opacity: 1;}
.header img:hover {opacity: 0.9;}
.header .nav { float: right; position: relative;}
.header .nav li { float: left; position: relative;line-height: 65px; padding: 0px 15px;}
.header .nav li span {font-size:18px; color:#ff6a00;}
.header .nav a { position: relative; display: block; line-height: 65px; font-size: 15px;font-weight: normal;color: #181818;}
.header .nav a:hover { color:#ff6a00;}
.header .nav ul {position: absolute;background-color: white;display: none; box-shadow: 0px 2px 3.96px 0.04px rgba(51, 51, 51, 0.1);}
.header .nav ul a { color: #181818; white-space: nowrap;}
.header .nav ul li>ul.id { position: absolute; top: 0;left: 284px;}
.header .nav a:hover {color: #ff6a00;}
.menu_content:nth-of-type(1) {  display: block;}
.content { background: #ffffff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding: 20px 20px 40px 20px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.content>p { font-size: 18px; margin-bottom: 10px;  color: #333;}
.content ul li {  margin-bottom: 10px;}
.content ul li span { display: block; margin-bottom: 5px; color: #333;font-size: 14px;}
.content ul li span i {  color: red; position: relative;top: 1px;left: 5px;}
.content ul li .row {display: flex;}
.fileBox #file { display: none;}
.fileBox label { width: 80px; text-align: center;display: block;padding: 5px; border: 1px solid rgb(43, 102, 192); background-color: rgba(250, 250, 250, 0.3); border-radius: 4px;font-size: 14px; color: #5371EA;}
.fileBox p {font-size: 12px; width: 80px; overflow: hidden; text-overflow: ellipsis;}
.content .btn:focus { border: 0;}
.content .tip { color: red;}
.menu { position: absolute; background-color: #e8e8e8; width: 100%;  /* padding: 20px 0; */display: none;}
.mobile { display: none;}
.header_bot_line1{width: 100%;margin-top: 65px;}

/*@media screen and (min-width: 1025px) and (max-width: 1200px) {*/
@media screen and (min-width: 1025px){
  .header {  padding-left: 0px;width: 100%;  margin: 0 auto !important;  position: relative; height: 65px;margin-right: 0px; }
}
@media screen and (min-width:751px) and (max-width: 1024px) {
.header_bot_line1{width: 100%;margin-top: 50px;}

 .header {width: 100%;margin: 0 auto;position: relative;height: 65px;}
    .header .nav a {display: none; }
	.header .nav li { display: none; }
	
    .header img {  padding-left: 0px; }
    .menu_content:nth-of-type(1) { display: block; }    
	.sliding-menu a { display: block;padding: 1em; }
	.sliding-menu a:hover { color:#ff6a00;}
    .sliding-menu li {  border-bottom: solid 1px #eee;}
    .content>p { font-size: 18px;  margin-bottom: 10px; color: #333;}
    .content ul li {margin-bottom: 10px;}
    .content ul li span { display: block; margin-bottom: 5px;color: #333;font-size: 14px;}
    .content ul li span i {color: red;  position: relative; top: 1px; left: 5px;}

    .content .btn:focus { border: 0;}
    .content .tip {  color: red; }
    .mobile-btn span {  display: block; height: 2px;  background-color: black;  margin: 5px 8px; }
    .mobile>a {  width: 80px;  box-sizing: border-box;   position: absolute;  right: 10px;  top: 24px;}
    .menu li {  width: 100%;  text-align: left;   position: relative;  cursor: pointer; }
    .menu { position: absolute;  background-color: #fff; width: 100%; /* padding: 20px 0; */padding-bottom:35px; display: none;border-top:1px solid #ededed;box-shadow: 0px 2px 3.96px 0.04px rgba(51, 51, 51, 0.1);}
    .menu_btn {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 30px;
        height: 50px;
        background: url("../image/jiantou_01.webp") no-repeat center;
    }

    .mobile { display: none;}
    .header img { padding-left: 20px;  z-index: 1002; }
    .header_bg { height: 65px; }
    .mobile {  display: block;}
    .mobile {    width: 100%;  float: left; }
    .mobile-inner {  /* width: 720px; */  margin-right: 20px; margin-left: 20px;background-color: #fafafa; position: relative;}
    .mobile-inner img {width: 100%;  margin-bottom: 30px;}
    .mobile-inner-header {  background-color: rgba(0, 0, 0, 0);  width: 70px; height: 65px; position: absolute; top: 0px; right: 0px;}
    .mobile-inner-header-icon {
        /* color: #0099ff; */
        height: 65px;
        font-size: 25px;
        text-align: center;
        float: right;
        width: 70px;
        position: relative;
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }

    .mobile-inner-header-icon:hover { background-color: rgba(255, 255, 255, 0.2); cursor: pointer;}
    .mobile-inner-header-icon span { position: absolute; left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px; height: 2px; background-color: #ff6a00;}
    .mobile-inner-header-icon span:nth-child(1) {  transform: translateY(4px) rotate(0deg); }
    .mobile-inner-header-icon span:nth-child(2) { transform: translateY(-4px) rotate(0deg);}
    .mobile-inner-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }
    .mobile-inner-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }
    .mobile-inner-header-icon-out span:nth-child(1) { animation-duration: 0.5s;  animation-fill-mode: both;  animation-name: outfirst;}
    .mobile-inner-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; }
    /* .header img{padding-top: 15px;} */
	@keyframes clickfirst {
        0% {
            transform: translateY(4px) rotate(0deg);

        }

        100% {
            transform: translateY(0) rotate(45deg);
        }
    }



    @keyframes clicksecond {
        0% {
            transform: translateY(-4px) rotate(0deg);
        }

        100% {
            transform: translateY(0) rotate(-45deg);
        }
    }
	
	@keyframes outfirst {
        0% {
            transform: translateY(0) rotate(-45deg);
        }

        100% {
            transform: translateY(-4px) rotate(0deg);
        }
    }



    @keyframes outsecond {
        0% {
            transform: translateY(0) rotate(45deg);
        }

        100% {
            transform: translateY(4px) rotate(0deg);
        }
    }
}

@media screen and (max-width: 750px) {
.header_bot_line1{width: 100%;margin-top: 50px;}

    .header_bg {
        background-color: white;
        width: 100%;
        height: 50px;
        position: fixed;
        top: 0;
        left: 50%;
        box-shadow: 0px 2px 3.96px 0.04px rgba(51, 51, 51, 0.1);
        z-index: 1000;
        transform: translateX(-50%);
        margin: 0 auto;
    }
    .header {width: 100%; margin: 0 auto; position: relative; height: 50px;}
    .header img { float: left; padding-top: 17px; z-index: 1001; height:30px; margin-left:10px;}
    .header img {     opacity: 1; }
    .header img:hover {  opacity: 0.9;}
    .header .nav {float: right; position: relative;}
    .header .nav li { float: left;  position: relative; }
    .header .nav a {  position: relative;  display: block; line-height: 50px; font-size: 16px; font-weight: normal; padding: 0px 10px;color: #666666;}
    .header .nav a:hover {  background-color: #fff; }
    .header .nav a:before { box-sizing: border-box;content: "";  position: absolute; top: 0; right: 100%;   /*下划线从右侧开始显示*/  width: 0;  height: 100%; border-bottom: 1px solid #ff6a00; transition: 0.2s all linear;  /*动画效果*/ }
    .header .nav a:hover:before { right: 0; /*鼠标滑过时，下划线从右向左移动*/  width: 100%;  /*同时，下划线宽度从0-100%*/ }
    .header .nav a:hover~.header .nav a:before {  /*~ 选择器：查找指定元素后面的所有兄弟结点*/  right: 0;    /*处于hover后面元素的下划线从左侧开始显示*/ }
    .header .nav li li {    float: none;}
    .header .nav ul {  position: absolute;  background-color: white;  display: none;   box-shadow: 0px 2px 3.96px 0.04px rgba(51, 51, 51, 0.1); }
    .header .nav ul a {  color: #666666;   white-space: nowrap;}
    .header .nav a:hover {   color: #ff6a00; }
    .header .nav a { display: none; }
	.header .nav li { display: none;}
    .header img {  padding-left: 0px;  z-index: 1002;}   
    .menu_content:nth-of-type(1) {  display: block; }
    .content {
        background: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px 40px 20px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .content>p {        font-size: 18px;       margin-bottom: 10px;        color: #333;   }
    .content ul li {      margin-bottom: 10px;  }
    .content ul li span {   display: block;   margin-bottom: 5px;   color: #333;font-size: 14px;}
    .content ul li span i { color: red; position: relative;       top: 1px; left: 5px;}

    .content .btn:focus { border: 0; }
    .content .tip { color: red;}
    .mobile>a {  width: 80px;  box-sizing: border-box;  position: absolute;  right: 10px;top: 24px;}
    .menu_btn { display: block; position: absolute; right: 0px; top: 0px; width: 30px;  height: 50px;  background: url("../image/jiantou_01.webp") no-repeat center;}
    .menu li { width: 100%; line-height: 40px; position: relative;cursor: pointer;}
    .menu .menu_off { display: block; position: absolute;right: 20px; top: 16px; width: 14px;height: 8px;background: url("../image/off.webp") no-repeat;}
    .menu li.active .menu_off { background: url("../image/on.webp");}
    .menu { position: absolute; background-color: #fff; width: 100%; /* padding: 20px 0; */ display: none;padding-bottom:35px;border-top:1px solid #ededed;box-shadow: 0px 2px 3.96px 0.04px rgba(51, 51, 51, 0.1);}
    .mobile { display: none;}
    .menu li.active .menu_second {  display: block; }
    .menu_third { display: none;}
    .mobile {display: block;  width: 100%;float: left; }
    .mobile-inner-header {
        background-color: rgba(0, 0, 0, 0);
        width: 70px;
        height: 50px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .mobile-inner-header-icon {
        /* color: #0099ff; */
        height: 50px;
        font-size: 25px;
        text-align: center;
        float: right;
        width: 70px;
        position: relative;
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
    }

    .mobile-inner-header-icon:hover { background-color: rgba(255, 255, 255, 0.2); cursor: pointer;}
    .mobile-inner-header-icon span {position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 2px;background-color: #ff6a00;}
    .mobile-inner-header-icon span:nth-child(1) {transform: translateY(4px) rotate(0deg);}
    .mobile-inner-header-icon span:nth-child(2) { transform: translateY(-4px) rotate(0deg);}
    .mobile-inner-header-icon-click span:nth-child(1) {animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}
    .mobile-inner-header-icon-click span:nth-child(2) {animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
    .mobile-inner-header-icon-out span:nth-child(1) {animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst;}
    .mobile-inner-header-icon-out span:nth-child(2) {animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond;}
    .sliding-menu a { display: block;padding: 1em; }
	.sliding-menu a:hover { color:#ff6a00;}
    .sliding-menu li {  border-bottom: solid 1px #eee;}
    #menu {background-color: #fff !important; }
	
	@keyframes clickfirst {
        0% {
            transform: translateY(4px) rotate(0deg);

        }

        100% {
            transform: translateY(0) rotate(45deg);
        }
    }



    @keyframes clicksecond {
        0% {
            transform: translateY(-4px) rotate(0deg);
        }

        100% {
            transform: translateY(0) rotate(-45deg);
        }
    }

 @keyframes outfirst {
        0% {
            transform: translateY(0) rotate(-45deg);
        }

        100% {
            transform: translateY(-4px) rotate(0deg);
        }
    }



    @keyframes outsecond {
        0% {
            transform: translateY(0) rotate(45deg);
        }

        100% {
            transform: translateY(4px) rotate(0deg);
        }
    }

}